<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- CHANGE THIS TITLE TAG -->
    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <title>MODDERFONTEIN 规划说明</title>

    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
</head>

<body id="mainbody" data-spy="scroll" style="background: url('../img/bg.png') repeat-x;">
    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <!--导航开始-->
            <div class="navbar navbar-fixed-top" style="backgroud : url('../../images/bg.png') repeat;height:60px">
                <div class="navbar-inner" style="backgroud-color:#777777;opacity:1;height:60px">
                    <!-- <div class="container">-->
                    <div class="lrstyle" style="height:60px;">
                        <a class="brand pull-left" href="http://www.zendai.com" target="_blank">
                            <img src="../../images/zendai.png">
                        </a>
                        <a class="brand pull-left" style="padding:0;margin-left:0px;margin-top:14px;" href="/">
                            <img src="../../images/log-mdf.png">
                        </a>
                        <a class="brand pull-left" href="../../guihua.html" target="_blank" style="padding:0;margin-left:5px;margin-top:16px;height:60px">
                            <img src="../../images/emap.png">
                        </a>
                        <ul id="nav-list2" class="nav" style="height:60px; float:right">
                            <li>
                                <a href="../../guihua.html">
                                    <img src='../../images/index/emap.png'>
                                </a>
                            </li>
                            <li>
                                <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                                    <img src='../../images/index/english.png'>
                                </a>
                            </li>
                        </ul>
                        <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                            <li>
                                <a href="qwbj.html" id="menu_qwbj">
                                    <img src='../../images/index/区域背景1.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghdw.html" id="menu_ghdw">
                                    <img src='../../images/index/规划定位.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghln.html" id="menu_ghln">
                                    <img src='../../images/index/规划理念.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cygh.html" id="menu_cygh">
                                    <img src='../../images/index/产业规划.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cssj.html" id="menu_cssj">
                                    <img src='../../images/index/城市设计.png'>
                                </a>
                            </li>
                        </ul>

                    </div>

                    <!-- </div> -->
                </div>
            </div>
            <!--导航结束-->
        </div>
    </div>

    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid">
            <!-- APP DETAILS -->
            <div class="span8">
                <!-- APP NAME -->
                <div id="main_title">

                </div>
                <div class="row-fluid" style="margin-top:20px;">
                    <table style="padding:0;">
                        <tr>
                            <td colspan="2">
                                <a href="#" id="dlwzshowDetail" rel="gallery" class="thumbnail">
                                    <div style="position:relative;">
                                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/于翰内斯堡.jpg" width="620" height="200">
                                        <div id="main_dlwz" class="divbackground">

                                        </div>
                                    </div>
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a href="#" id="lsbjshowDetail" rel="gallery" class="thumbnail">
                                    <div style="position:relative;">
                                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/history1.jpg" width="100%" height="174">
                                        <div id="main_lsbj" class="divbackground">

                                        </div>
                                    </div>
                                </a>
                            </td>
                            <td>
                                <a href="#" id="fzmlshowDetail" rel="gallery" class="thumbnail">
                                    <div style="position:relative;">
                                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/qwbj/2010.jpg" width="100%" height="174">
                                        <div id="main_fzml" class="divbackground">

                                        </div>
                                    </div>
                                </a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="span4" style="margin-top:60px;padding:15px;">
                <!-- APP NAME -->
                <div id="main_right" style="">

                </div>
            </div>
        </div>

    </div>
    <div id="idBoxdlwz" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframedlwz" src="qwbj-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="dlwzDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxlsbj" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframelsbj" src="lsbj-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="lsbjDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxfzml" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframefzml" src="fzml-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="fzmlDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <br>
    <br>
    <!-- FOOTER -->
    <div class="footer container container-fluid">
        <!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->
        <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div>
    </div>

    <script type="text/javascript">
    (function() {
        var abdlwz = new AlertBox("idBoxdlwz"),
            lock = true,
            center = true;
        var ablsbj = new AlertBox("idBoxlsbj"),
            lock = true,
            center = true;
        var abfzml = new AlertBox("idBoxfzml"),
            lock = true,
            center = true;

        $$("dlwzshowDetail").onclick = function() {
            abdlwz.center = true;
            abdlwz.show();
        }

        $$("dlwzDetailcolse").onclick = function() {
            abdlwz.close();
        }
        $$("lsbjshowDetail").onclick = function() {
            ablsbj.center = true;
            ablsbj.show();
        }
        $$("lsbjDetailcolse").onclick = function() {
            ablsbj.close();
        }

        $$("fzmlshowDetail").onclick = function() {
            abfzml.center = true;
            abfzml.show();
        }
        $$("fzmlDetailcolse").onclick = function() {
            abfzml.close();
        }
    }())

    function setllanguage(pagelanguage) {
        var main_right, main_title, main_dlwz, main_lsbj, main_fzml;
        if (pagelanguage == "en") {
            main_right = "<font style='font-family:微软雅黑;'size='2px'>As a unique international hinge-metropolis in the vast mainland of the nation of South Africa, the Johannesburg metropolis circle is an important economic engine for the future growth of Africa,This region will grow up to be the hotspot of globaleconomic growth in the future. <br>The development of Modderfontein is an important part of the growth later on in this region. Against this background, the Modderfontein planning will take its own responsibility to facilitate change and evolution for the people and cities of the region in the following three levels: regional, urban, and downtown.</font>";

            main_title = "<h2>Context</h2>";
            main_dlwz = "GEOGRAPHIC POSITION";
            main_lsbj = "HISTORICAL BACKGROUND";
            main_fzml = "SITE CONTEXT";

        } else {
            main_title = "<h2>区位背景</h2>";
            main_dlwz = "地理位置";
            main_lsbj = "历史背景";
            main_fzml = "发展脉络";
            main_right = "<font style='font-family:微软雅黑;' size='3px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Modderfontein位于南非约翰内斯堡东北部，处于约翰内斯堡旧城、米德兰与坦博国际机场三角经济带的核心位置，紧靠大约堡都会区的Sandton新区，在未来约堡国际大都会的格局中由于承接着各大中心与国际机场的联系，极有潜力成为该区域的门户高地，形成一个拥有足够产业拓展空间的城市中心。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本项目立足于未来大约堡都市圈的发展能级,结合Modderfontein优越的区位与自然条件,积极构建一个拥有足够产业拓展空间的都心格局,成为一个凸显南非现代都市与原生自然共生发展特色的理想示范区。</font>";
        }
        jQuery("#main_title").html(main_title)
        jQuery("#main_right").html(main_right)
        jQuery("#main_lsbj").html(main_lsbj)
        jQuery("#main_fzml").html(main_fzml)
        jQuery("#main_dlwz").html(main_dlwz)
    };

    function changelanguage11(pagelanguage) {
        if (pagelanguage == "en") {
            jQuery("a#planguage>img").attr('src', '/images/index/中文.png')
            jQuery("a#menu_qwbj>img").attr('src', '/images/index/context1.png')
            jQuery("a#menu_ghdw>img").attr('src', '/images/index/positioning.png')
            jQuery("a#menu_ghln>img").attr('src', '/images/index/concept.png')
            jQuery("a#menu_cygh>img").attr('src', '/images/index/industry.png')
            jQuery("a#menu_cssj>img").attr('src', '/images/index/design.png')
        } else {
            jQuery("a#planguage>img").attr('src', '/images/index/english.png')
            jQuery("a#menu_qwbj>img").attr('src', '/images/index/区域背景1.png')
            jQuery("a#menu_ghdw>img").attr('src', '/images/index/规划定位.png')
            jQuery("a#menu_ghln>img").attr('src', '/images/index/规划理念.png')
            jQuery("a#menu_cygh>img").attr('src', '/images/index/产业规划.png')
            jQuery("a#menu_cssj>img").attr('src', '/images/index/城市设计.png')
        }
        chagelinkhref(pagelanguage);
    }
    </script>



</body>



</html>
